mermaid.js で1日の予定をたてる

mermaid.jsのガントチャートのタスクの割当が分単位で指定できるようになっていました

作業室みたいな使い方だと便利かも

赤い縦線が現在時刻を示す

1日の予定表サンプル

code:mermaid

%%{init:{'themeCSS':"text {font-size: 32px !important;}", 'gantt': {'barHeight': 80, 'barGap': 24, 'leftPadding': 250}}}%%

gantt

title 午前のスケジュール（09:00〜）

dateFormat HH:mm

axisFormat %H:%M

section 午前の部

pomodoro 1 :done, a, 09:00, 09:25

Break :done, b, after a, 5m

pomodoro 2 :active, c, after b, 25m

Break :d, after c, 5m

pomodoro 3 :e, after d, 25m

Break :f, after e, 25m

pomodoro 4 :g, after f, 25m

Break :h, after g, 5m

pomodoro 5 :i, after h, 25m

Break :j, after i, 5m

code:mermaid

%%{init:{'themeCSS':"text {font-size: 32px !important;}", 'gantt': {'barHeight': 80, 'barGap': 24, 'leftPadding': 250}}}%%

gantt

title 午後のスケジュール（13:00〜）

dateFormat HH:mm

axisFormat %H:%M

section 午後の部

pomodoro 6 :a, 13:00, 13:25

Break :b, after a, 5m

pomodoro 7 :c, after b, 25m

Break :d, after c, 5m

pomodoro 8 :e, after d, 25m

Break :f, after e, 25m

pomodoro 9 :g, after f, 25m

Break :h, after g, 5m

pomodoro 10 :i, after h, 25m

Break :j, after i, 5m

pomodoro 11 :k, after j, 25m

Break :l, after k, 25m

pomodoro 12 :m, after l, 25m

Break :n, after m, 5m

おーsta.icon

Excel撲滅に一歩近づいたか！？